<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>文章列表</title>
    <link rel="stylesheet" href="../style/weui.css"/>
    <link rel="stylesheet" href="./culture.css"/>
    <link rel="stylesheet" href="./css/swiper.css">
</head>
<body ontouchstart>

    <!-- 顶部banner -->
    <div class="header_bg"><img src="./images/banner/jiqing_guard.png" /></div>
    <div class="article_list" style="margin-top: 15px;">
        
        <div class="weui-tab" >
            <div class="weui-navbar">
                <div class="weui-navbar__item weui-bar__item_on">
                    活动信息
                </div>
                <div class="weui-navbar__item">
                    品牌介绍
                </div>
            </div>
            <div class="weui-tab__panel">
                <div>
                    <div class="weui-panel weui-panel_access">
                        <a href="./article_detail.html" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__hd">
                                <img class="weui-media-box__thumb" src="http://qyg.fzsqyg.com/upload/201710/12/201710121550133447.jpg" alt="" >
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">“不忘初心跟党走——庆国庆喜迎十九大”激情广场大家唱平台系列活动风采展示(二)</h4>
                                <p class="weui-media-box__desc">为了迎接党的十九大，讴歌新中国成立以来党和人民携手创造的幸福生活，福州市在国庆中秋两节期间，组织“不忘初心跟党走——庆国庆喜迎十九大”激情广场大家唱平台系列活动。各激情广场平台积极开展活动，用合唱、舞蹈等节目展示高昂的精神风貌，表达对祖国的美好祝愿。</p>
                            </div>
                        </a>

                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__hd">
                                <img class="weui-media-box__thumb" src="http://qyg.fzsqyg.com/upload/201710/12/201710121621243340.jpg" alt="">
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">“不忘初心跟党走“激情广场大家唱平台庆国庆·喜迎十九大系列活动风采展示（一）</h4>
                                <p class="weui-media-box__desc">为了迎接党的十九大，讴歌新中国成立以来党和人民携手创造的幸福生活，我市在国庆中秋两节期间，组织激情广场大家唱平台举办不忘初心跟党走——庆国庆·喜迎十九大系列活动。各激情广场平台积极开展活动，用合唱、舞蹈等节目展示高昂的精神风貌，表达对祖国的美好祝愿。</p>
                            </div>
                        </a>

                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__hd">
                                <img class="weui-media-box__thumb" src="http://qyg.fzsqyg.com/upload/201710/12/201710121550133447.jpg" alt="" >
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">“不忘初心跟党走——庆国庆喜迎十九大”激情广场大家唱平台系列活动风采展示(二)</h4>
                                <p class="weui-media-box__desc">为了迎接党的十九大，讴歌新中国成立以来党和人民携手创造的幸福生活，福州市在国庆中秋两节期间，组织“不忘初心跟党走——庆国庆喜迎十九大”激情广场大家唱平台系列活动。各激情广场平台积极开展活动，用合唱、舞蹈等节目展示高昂的精神风貌，表达对祖国的美好祝愿。</p>
                            </div>
                        </a>

                        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                            <div class="weui-media-box__hd">
                                <img class="weui-media-box__thumb" src="http://qyg.fzsqyg.com/upload/201710/12/201710121621243340.jpg" alt="">
                            </div>
                            <div class="weui-media-box__bd">
                                <h4 class="weui-media-box__title">“不忘初心跟党走“激情广场大家唱平台庆国庆·喜迎十九大系列活动风采展示（一）</h4>
                                <p class="weui-media-box__desc">为了迎接党的十九大，讴歌新中国成立以来党和人民携手创造的幸福生活，我市在国庆中秋两节期间，组织激情广场大家唱平台举办不忘初心跟党走——庆国庆·喜迎十九大系列活动。各激情广场平台积极开展活动，用合唱、舞蹈等节目展示高昂的精神风貌，表达对祖国的美好祝愿。</p>
                            </div>
                        </a>

                    </div>

                </div>
                <div style="display:none">
                    <!-- 品牌介绍 -->
                    <span>
                        激情广场大家唱”是我市市民以各大公园、广场为活动场所，自发性组织的群众性歌咏活动。经过多年的发展，激情广场大家唱活动在我市广泛铺开，目前全市城乡已有数百个形式不同、规模不等的活动点，每天晚上经常性参与活动的市民达数万人次，呈现出“愉快的歌声满天飞”的壮观景象。作为全国群众文化活动的典范，“激情广场大家唱”营造了健康向上、和谐欢乐的社会氛围,被国际文化交流基金会主席冈特·铁驰美誉为“合唱的天堂”，成为我市创建全国文明城市、构建海峡西岸经济区文化建设的一大亮点。
     该项目在第十五届全国群星奖评比中被文化部授予公共文化服务项目类“群星奖”，并曾入选国家公共文化服务体系示范项目。为进一步发挥该品牌在群众中的作用，我馆每年举办声乐、指挥、音响等内容的辅导培训班，引导各示范点从开展单纯的合唱延伸到群众喜闻乐见的交谊舞、健美操、秧歌、闽剧、曲艺等方面，并促进“激情广场大家唱”活动与合唱音乐周、新福州人歌手大赛、福州语歌曲推广传唱等活动相结合，实现品牌内涵的扩展与提升。
                    </span>
                </div>
            </div>
        </div>



        <div style="margin: 20px ">
            
        </div>
        
    </div>



	<!-- 底部导航按钮 -->
	<div class="weui-tab" id="tab">
	    <div class="weui-tabbar">
	        <a href="./index.html" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-chat"></i>
	            </div>
	            <p class="weui-tabbar__label">首页</p>
	        </a>
	        <a href="javascript:;" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-contact"></i>
	            </div>
	            <p class="weui-tabbar__label">群文资讯</p>
	        </a>
	        <a href="javascript:;" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-discovery"></i>
	            </div>
	            <p class="weui-tabbar__label">非遗风采</p>
	        </a>
	        <a href="./userCenter.html" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-profile"></i>
	            </div>
	            <p class="weui-tabbar__label">我</p>
	        </a>
	    </div>
	</div>

    <script src="./zepto.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="./js/swiper.js"></script>
</body>

<script type="text/javascript">
    $(function(){
        //initialize swiper when document ready  
        var mySwiper = new Swiper ('.swiper-container', {
          // Optional parameters
          pagination: '.swiper-pagination',//分页
          paginationClickable: true,//切换圆点
          effect: 'coverflow',
          autoplayDisableOnInteraction: false,//用户操作分页后会停止自动播放，添加这个就不会
          direction: 'horizontal',
          //autoplay:3000,
          loop: true,
          spaceBetween: 30,
        }) 

        $('.weui-tabbar__item').on('click', function () {
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        });    
    });
</script>

<script type="text/javascript">
    $(function(){
        $('.weui-navbar__item').on('click', function (e) {
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
            var index = $(this).index();
        });
    });
</script>

</html>